<template>
  <div class="home_div">
    <div id="container"></div>
  </div>
</template>
<script>
import AMapLoader from "@amap/amap-jsapi-loader";

export default {
  name: "Mapview",
  data() {
    return {
      //map:null,
    };
  },
  created() { },
  mounted() {
    this.initAMap();
  },
  methods: {
    initAMap() {
      AMapLoader.load({
        key: "161d326fcc4a717a0763eba4feb06551", //设置您的key
        version: "2.0",
        plugins: [

        ],
        AMapUI: {
          version: "1.1",
          plugins: [],
        },
        Loca: {
          version: "2.0",
        },
      })
        .then((AMap) => {
          
        })
        .catch((e) => {
          console.log(e);
        });
    },
  },
};
</script>
<style  scoped>
.home_div {
  padding: 10px;
  margin: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}

#container {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
}
</style>